<template>
	<view class="content">
		<view class="discounts_fiend-card flex-content p-t-70">
			<view class="discounts_fiend">
				<image src="../../static/discounts-firend.png" mode="widthFix"></image>
			</view>
			<view class="discounts_card">
				
				<image src="../../static/discounts.png" mode="widthFix"></image>
			</view>
		
		</view>
		<view class="p-r-20 p-l-20">
			
		<discounts-list></discounts-list>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
	.discounts_fiend{
		image{
			width:168rpx ;
		}
	}
	.discounts_card{
		margin-left: 200rpx;
		image{
			width: 148rpx;
		}
	}
	.top-content-right{
		width: 500rpx;
		background-color: #FF7979;
		  border-bottom: 2rpx dotted  #EBC4C4;
		  height: 190rpx ;
	}
	.discounts-content{
		border-radius: 20rpx;
		background-color: #FFFFFF;
		overflow: hidden;
		height: 266rpx;
		width: 100%;
		.top-content{
			height: 190rpx ;
			.top-content-left{
			  width: 246rpx;
			  height: 190rpx ;
			 border-right: 2rpx dotted  #EBC4C4;
			  border-bottom: 2rpx dotted  #EBC4C4;
			}
		}
	}
.content{
	width: 100%;
	min-height: 100vh;
	background-image: url(https://vkceyugu.cdn.bspapp.com/VKCEYUGU-2cb47d34-0bce-4d35-acf7-2c76729b8c27/ed4406ed-d886-484b-84d0-60baed4d9ad6.png)  ;
		
background-repeat: no-repeat;
	   background-size: cover;
	     background-position: center ;
}
</style>
